<!DOCTYPE html> 
<html> 
	<head> 
	<title>Page Title</title> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
	<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>デマだったー</h1>
	</div>

	<div data-role="content">	
		<ul data-role="listview">
			<li data-role="list-divider">メニュー</li>
			<li><a href="recently.html">最新エントリ</a></li>
			<li><a href="rate_ranking.html">レートランキング</a></li>
			<li><a href="show_entry.html">エントリ検索</a></li>
		</ul>
	</div>

	<div data-role="footer">
		<h4>Hack For JAPAN</h4>
	</div>
</div>
<script type="text/javascript">
$(function(){
	// jQuery mobileの場合、ページを読み込むとキャッシュしてしまうので、以前のページを削除する（つまり、毎回データロードを行うようになる）
	$('a').click(function(){
		var pageId = $(this).attr('href').replace('.html', '');
		var page = $('#' + pageId);

		page.remove();
	});
});
</script>
</body>
</html>